<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Sigma IT Solutions</title>
    <!-- SEO meta Page -->
    <meta http-equiv="content-language" content="vi" />
    <meta http-equiv="audience" content="General" />
    <meta name="description" content="Sigma IT Solutions" />

    <!-- StyleSheet -->
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="./css/styles.css" />
    <!-- Scripts -->
    <script src="./js/jquery-1.11.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div id="whitepage">
      <!-- header -->
      <header>
        <div class="container">
          <div class="row">
            <div class="col-xs-3">
              <a id="logo" href="./" title="Sigma IT Solutions">
                <img src="./images/sigma-logo.png" alt="Sigma IT Solutions Logo" />
              </a>
            </div>
            <div class="col-xs-9">
              <nav class="nav-main pull-right">
                <ul class="nav nav-pills">
                  <li><a href="index.html">Home</a></li>
                  <li class="active"><a href="company.html">Company</a></li>
                  <li><a href="services.html">Services</a></li>
                  <li><a href="careers.html">Careers</a></li>
                  <li><a href="contact.html">Contact</a></li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>
      <!-- /header -->

      <!-- #content -->
      <div id="content">
        <div class="row">
          <!-- Carousel Sliders -->
          <div class="col-xs-12">
            <div id="sigma-sliders" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#sigma-sliders" data-slide-to="0"></li>
                <li data-target="#sigma-sliders" data-slide-to="1" class="active"></li>
                <li data-target="#sigma-sliders" data-slide-to="2"></li>
                <li data-target="#sigma-sliders" data-slide-to="3"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner">
                <!-- .item -->
                <div class="item">
                  <img src="./images/sliders/slider_01.jpg" alt="..." height="430px" class="text-center" />
                  <div class="carousel-caption">
                    <h3>A sample title text</h3>
                    <p>Sample text: eight of ten people will read a title, <br />but just two of ten readers will continue reading the article. </p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item active">
                  <img src="./images/sliders/slider_02.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>A sample title text</h3>
                    <p>Sample text: eight of ten people will read a title, <br />but just two of ten readers will continue reading the article. </p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item">
                  <img src="./images/sliders/slider_03.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>A sample title text</h3>
                    <p>Sample text: eight of ten people will read a title, <br />but just two of ten readers will continue reading the article. </p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item">
                  <img src="./images/sliders/slider_04.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>A sample title text</h3>
                    <p>Sample text: eight of ten people will read a title, <br />but just two of ten readers will continue reading the article. </p>
                  </div>
                </div>
                <!-- /.item -->
              </div>
              <!-- Controls -->
              <a class="left carousel-control" href="#sigma-sliders" data-slide="prev">
                <span class="left sigma-control"></span>
              </a>
              <a class="right carousel-control" href="#sigma-sliders" data-slide="next">
                <span class="right sigma-control"></span>
              </a>
            </div>
          </div>
        </div>
        <!-- /Carousel Slider -->
        <!-- .service-list -->
        <div class="container service-list">
          <div class="row">
            <div class="col-xs-12">
              <div class="service-slogan text-center">
                <p><strong>As an event, we carry out our clients wishes from concept to production in a dedicate way.<br />
                We plan, develop, organize and support your event in every way that we possibly can.</strong></p>
                <p>We handle all aspects of the event including budget, location, layout, design, rentals, lighting, sound, entertainment, catering, staffing, management and all other necessary tasks.</p>
              </div>
            </div>
          </div>
          <div class="row">
            <!-- .service -->
            <div class="col-xs-3 col-xs-3-2">
              <div class="service text-center">
                <div class="icon"><span class="friends"></span></div>
                <h3>Talended teams</h3>
                <p>Our mobile experts work on identifying emerging trends and technologies in order to provide cutting edge solutions.</p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3 col-xs-3-2">
              <div class="service text-center">
                <div class="icon"><span class="bulb"></span></div>
                <h3>Technologies</h3>
                <p>Our mobile experts work on identifying emerging trends and technologies in order to provide cutting edge solutions.</p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3 col-xs-3-2">
              <div class="service text-center">
                <div class="icon"><span class="layers"></span></div>
                <h3>Agile proceed</h3>
                <p>Our mobile experts work on identifying emerging trends and technologies in order to provide cutting edge solutions.</p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3 col-xs-3-2">
              <div class="service text-center">
                <div class="icon"><span class="badge"></span></div>
                <h3>Quality</h3>
                <p>Our mobile experts work on identifying emerging trends and technologies in order to provide cutting edge solutions.</p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3 col-xs-3-2">
              <div class="service text-center">
                <div class="icon"><span class="briefcase"></span></div>
                <h3>Business oriented</h3>
                <p>Our mobile experts work on identifying emerging trends and technologies in order to provide cutting edge solutions.</p>
              </div>
            </div>
            <!-- /.service -->
          </div>
        </div>
        <!-- /.service-list -->
      </div>
      <!-- #content -->

      <!-- footer -->
      <footer>
        <div class="container">
          <div class="row">
            <div class="col-xs-4">
              <div class="widget-text">
                <h4>About us</h4>
                <div class="widget-content">We offer thorough, customized, end-to-end solutions to make your job easier before and after the sale. Browse our solutions by your industry, your network type or your specific need to meet he unique demands of your business. </div>
              </div>
            </div>

            <div class="col-xs-4">
              <div class="widget-contact">
                <h4>Get in touch</h4>
                <div class="widget-content">
                  <form role="form" method="POST" action="contact.php" id="contact-form">
                    <div class="form-group">
                      <label for="contact-name" class="sr-only">Name</label>
                      <input type="text" class="form-control" id="contact-name" name="contact-name" placeholder="Name">
                    </div>
                    <div class="form-group">
                      <label for="contact-mail" class="sr-only">Email address</label>
                      <input type="email" class="form-control" id="contact-email" name="contact-email" placeholder="Email">
                    </div>
                    <div class="form-group">
                      <label for="contact-message" class="sr-only">Message</label>
                      <textarea class="form-control" id="contact-message" name="contact-message" placeholder="Message" rows="5"></textarea>
                    </div>
                    <button id="contact_send" type="button" class="btn btn-send">SEND</button>
                  </form>
                  <script type="text/javascript">
                  $(document).ready(function(){
                    $('#contact_send').click(function(){
                      $.post("contact.php", $("#contact-form").serialize(),  function(response) {
                        $('.modal-message').text(response);
                        $('#myModal').modal();
                        return false;
                      });
                    });
                  });
                  </script>
                  <!-- Modal Contact -->
                  <div class="modal fade" id="myModal">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title">Get in touch</h4>
                        </div>
                        <div class="modal-body">
                          <p class="modal-message"></p>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
                </div>
              </div>
            </div>

            <div class="col-xs-4">
              <div class="widget-address">
                <h4>Our office</h4>
                <div class="widget-content">
                    <h4>VIETNAM</h4>
                    <p>Sigma IT Solutions</p>
                    <p>Phone: +84 (0)4 3718 0593</p>
                    <p>Email: hanoi@sigmaitsolutions.com</p>
                    <br />
                    <p>Name and Surname</p>
                    <p>Phone: +84 (0)4 3718 1234</p>
                    <p>Email: name.surname@sigmaitsolutions.com</p>
                    <br />
                    <h4>POLAND</h4>
                    <p>Sigma IT Solutions</p>
                    <p>Phone: +84 (0)4 3718 0593</p>
                    <p>Email: warsaw@sigmaitsolutions.com</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyright">
          <div class="container">
            <div class="row">
              <div class="col-xs-4">
                <span>© SIGMA IT SOLUTIONS 2014</span>
              </div>
              <div class="col-xs-8">
                <div class="language text-right">
                  <span>Choose your language:</span>&nbsp;&nbsp;&nbsp;&nbsp;
                  <a href="./" class="flag flag_en"></a>
                  <a href="./vn" class="flag flag_vn"></a>
                  <a href="./pl" class="flag flag_pl"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- /footer -->
    </div>
  </body>
</html>